.personCenter {
    width: 100%;
    padding-bottom: 3.1rem;
    .no_bg {
        background: rgba(255, 255, 255, 0);
        position: fixed;
    }
    &_topOpearte {
        padding: 0 0.55rem;
        position: fixed;
        left: 0;
        top: 1rem;
        z-index: 9;
        background-color: rgba(10, 10, 10, 0);
        width: 100%;
        color: #fff;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        >div {
            width: 50%;
        }
        >div:last-child {
            text-align: right;
        }
        &_message {
            font-weight: 600;
            font-size: 1rem;
        }
        .am-badge-dot {
            top: -0.1rem;
            right: auto;
            background-color: #fa0000;
        }
    }
    &_topImg {
        position: relative;
        >img {
            height: 8.85rem;
            width: 100%;
            display: block;
        }
    }
    &_infoCard {
        background-color: #fff;
    }
    &_container {
        background-color: #f5f5f5;
        padding: 0 0.55rem;
        margin-bottom: -1.75rem;
    }
    &_infoCardWrap {
        &_card {
            background-color: #fff;
            width: 100%;
            position: relative;
            top: -2.2rem;
            left: 0;
            border-radius: 0.4rem;
            padding-top: 1rem;
            &_loginInfoWrap {
                display: flex;
                justify-content: flex-start;
                padding: 0 0.85rem;
                >img {
                    height: 2.5rem;
                    width: 2.5rem;
                    border-radius: 50%;
                }
            }
            &_loginInfo {
                padding-left: 0.6rem;
                >div {
                    line-height: 1.15rem;
                    height: 50%;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    justify-content: flex-start;
                }
                >div:first-child {
                    font-size: 0.76rem;
                    color: #090104;
                    font-weight: 600;
                }
            }
            &_identity {
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                >div {
                    margin-bottom: 0.25rem;
                }
                &_member {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-items: center;
                    >span:first-child {
                        z-index: 5;
                        width: 1rem;
                        height: 1rem;
                        border: 0.1rem solid #ffaeae;
                        text-align: center;
                        border-radius: 50%;
                        color: #fff;
                        background-color: #f27878;
                        font-size: 0.55rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    >span:last-child {
                        position: relative;
                        left: -0.5rem;
                        top: 0rem;
                        display: inline-block;
                        height: 1rem;
                        text-align: center;
                        color: #d75454;
                        background-color: #fd9a9a;
                        border-radius: 1.25rem;
                        font-size: 0.55rem;
                        padding-left: 0.85rem;
                        padding-right: 0.55rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
                &_creditor {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-items: center;
                    >span:first-child {
                        z-index: 5;
                        width: 1rem;
                        height: 1rem;
                        border: 0.1rem solid #b4d1ff;
                        text-align: center;
                        border-radius: 50%;
                        color: #fff;
                        background-color: #98bcf5;
                        font-size: 0.55rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    >span:last-child {
                        position: relative;
                        left: -0.5rem;
                        top: 0rem;
                        display: inline-block;
                        height: 1rem;
                        text-align: center;
                        color: #608dd6;
                        background-color: #a4c8ff;
                        border-radius: 1.25rem;
                        font-size: 0.55rem;
                        padding-left: 0.85rem;
                        padding-right: 0.55rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
                &_obligor {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-items: center;
                    >span:first-child {
                        z-index: 5;
                        width: 1rem;
                        height: 1rem;
                        border: 0.1rem solid #f8d29a;
                        text-align: center;
                        border-radius: 50%;
                        color: #fff;
                        background-color: #e2b76f;
                        font-size: 0.55rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    >span:last-child {
                        position: relative;
                        left: -0.5rem;
                        top: 0rem;
                        display: inline-block;
                        height: 1rem;
                        text-align: center;
                        color: #d68800;
                        background-color: #f6d5a4;
                        border-radius: 1.25rem;
                        font-size: 0.55rem;
                        padding-left: 0.85rem;
                        padding-right: 0.55rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
            &_operation {
                padding-top: 1.55rem;
                .am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
                    padding: 0;
                }
            }
        }
    }
    &_category {
        padding: 0 0.55rem;
        &_order {
            background-color: #fff;
            padding: 0 0.8rem;
            border: 0.05rem solid #f7f7f7;
            .mk_item {
                padding: 0;
                height: 2.2rem;
            }
            .mk_item_link__icon {
                color: #b1b1b1;
            }
            &_operation {
                margin-bottom: 0.45rem;
            }
            &_operationInfo {
                position: relative;
                display: inline-block;
                >span {
                    position: absolute;
                    top: -35%;
                    right: -20%;
                    display: inline-block;
                    height: 0.75rem;
                    width: 0.75rem;
                    line-height: 0.75rem;
                    border-radius: 50%;
                    background-color: #fff;
                    color: #fa0000;
                    border: 0.05rem solid #fa0000;
                    font-size: 0.5rem;
                }
            }
            &_fontClass {
                color: #222;
                font-size: 0.72rem;
            }
        }
    }
    &_authenticationInfo {
        .am-notice-bar {
            color: #ffb745;
        }
        .am-notice-bar-icon {
            padding-left: 0.8rem;
            margin-left: 0;
        }
        .am-notice-bar-operation {
            padding-right: 0.8rem;
        }
    }
}

.myCollection {
    &_bgWhite{
        background-color: #fff;
    }
    .mk_nav_bar_title {
        color: #222;
        padding-left: 2.2rem;
    }
    &_placehoder {
        height: 4.75rem;
    }
    &_top {
        position: fixed;
        overflow: visible;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_NavRight {
        color: #666;
        font-size: 0.7rem;
        >span:first-child {
            display: inline-block;
        }
        >span:last-child {
            padding-left: 1.125rem;
        }
    }
    &_screenbar {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        border-bottom: 0.05rem solid #e6e6e6;
        background-color: #fff;
        padding: 0 0.7rem;
        &_item {
            height: 2.2rem;
            line-height: 2.2rem;
            margin: 0 0.7rem;
            &_categoryIcon {
                text-align: center;
                display: inline-block;
                padding-left: 0.2rem;
                >img {
                    height: 0.2rem;
                    position: relative;
                    top: -0.1rem;
                }
            }
        }
        &_active {
            border-bottom: 0.125rem solid #fa0000;
        }
    }
    &_listViewItem {
        // height: 6.55rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        .am-list-item-active {
            background-color: #fff;
        }
        .am-list-item {
            padding-right: 0.65rem;
            padding-left: 0;
            display: inline-block;
        }
        .am-list-item .am-list-thumb:first-child {
            margin-right: 0;
        }
        .am-checkbox-inner {
            left: 0 !important;
            top: 0 !important;
        }
        >div {
            background-color: #fff;
        }
        &_goodsImgWrap{
            width: 5.75rem;
            display: flex;
            justify-content: center;
            align-items: center;
            &_goodsImg {
                height: 6.6rem;
                display: block;
            }
        }
        &_goodsInfo {
            padding-top: 0.55rem;
            padding-left: 0.85rem;
            flex: 1;
            &_title {
                font-size: 0.7rem;
                color: #222222; // margin-bottom: 1.2rem;
                line-height: 1rem;
                height: 3.85rem;
            }
            &_priceInfo {
                >p {
                    margin: 0;
                }
                >p:last-child {
                    font-size: 0.55rem;
                    color: #888888;
                    margin-top: 0.45rem;
                    >span {
                        font-size: 0.55rem;
                    }
                }
                >p:first-child {
                    color: #fa0000;
                    font-size: 0.93rem;
                    >span {
                        font-size: 0.93rem;
                    }
                    >span:last-child {
                        font-size: 0.72rem;
                        display: inline-block;
                        padding-left: 0.2rem;
                    }
                    >span:first-child {
                        padding-right: 0.1rem;
                    }
                }
            }
        }
        &_editBtn_active {
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
        }
        &_editBtn_default {
            display: none;
        }
    }
    &_listView {
        .am-list-body:before {
            background-color: #fff !important;
        }
        .am-list-body:after {
            background-color: #fff !important;
        }
    }
    &_editOperationBar {
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: space-around;
        height: 2.6rem;
        padding-left: 0.7rem;
        width: 100%;
        background-color: #fff;
        border-top: 0.05rem solid #f2f2f2;
        &_placeholder {
            height: 3.2rem;
        }
        >div {
            width: 50%;
        }
        >div:last-child {
            text-align: right;
        }
        &_selectAll {
            background-color: #fff;
            font-size: 0.8rem;
            color: #666666;
            display: inline-block;
        }
        &_del {
            height: 100%;
            background-color: #fa0000;
            font-size: 0.8rem;
            color: #fff;
            width: 6.6rem;
            border-radius: 0;
            border-color: #fa0000;
            text-align: center;
            display: inline-block;
        }
        .am-list-item-active {
            background-color: #fff;
        }
        .am-list-item {
            padding-right: 0.65rem;
            padding-left: 0;
            display: inline-block;
            position: relative;
            top: -0.2rem;
        }
        .am-list-item .am-list-thumb:first-child {
            margin-right: 0;
        }
        .am-checkbox-inner {
            left: 0 !important;
            top: 0 !important;
        }
        .am-list-thumb {
            height: 100%;
        }
        .am-checkbox-wrapper {
            height: 100%;
            display: inline-block;
        }
    }
}

.myFollow {
    &_bgWhite{
        background-color: #fff;
    }
    .mk_nav_bar_title {
        color: #222;
    }
    &_placehoder {
        height: 2.5rem;
    }
    &_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_shopItem {
        position: relative;
        padding: 0.65rem 0.7rem;
        border-bottom: 0.05rem solid #e6e6e6;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        >img {
            height: 2.9rem;
            border: 0.05rem solid #f2f2f2;
        }
    }
    &_shopInfo {
        padding-left: 0.75rem;
        &_shopTitle {
            font-size: 0.76rem;
            color: #222;
        }
        &_showFollowNum {
            padding-top: 0.25rem;
            font-size: 0.6rem;
            color: #999999;
        }
        &_shopActivStatu {
            >span {
                margin-top: 0.25rem;
                font-size: 0.55rem;
                padding: 0.05rem;
                color: #fff;
                margin-right: 0.4rem;
                border-radius: 0.1rem;
            }
        }
    }
    &_shopMore {
        color: #c8c8c8;
        .mk_icon {
            font-size: 0.7rem;
        }
        position: absolute;
        right: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
    }
    &_shopsx {
        display: inline-block;
        background-color: #ff901a;
    }
    &_shophd {
        display: inline-block;
        background-color: #1a9bff;
    }
}

.footPrint {
    &_bgWhite{
        background-color: #fff;
    }
    .mk_nav_bar_title {
        color: #222; // padding-left: 2.2rem;
    }
    &_placehoder {
        height: 2.5rem;
    }
    &_topWrap {
        position: relative;
        >div {
            font-size: 0.97rem;
            color: #222;
        }
        >span:last-child {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 0.7rem;
            color: #666666;
        }
    }
    &_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_NavRight {
        color: #666;
        font-size: 0.7rem;
        >span:first-child {
            display: inline-block;
        }
        >span:last-child {
            padding-left: 1.125rem;
        }
    }
    &_screenbar {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        border-bottom: 0.05rem solid #e6e6e6;
        background-color: #fff;
        padding: 0 0.7rem;
        &_item {
            height: 2.2rem;
            line-height: 2.2rem;
            margin: 0 0.7rem;
            &_categoryIcon {
                text-align: center;
                display: inline-block;
                padding-left: 0.2rem;
                >img {
                    height: 0.2rem;
                    position: relative;
                    top: -0.1rem;
                }
            }
        }
        &_active {
            border-bottom: 0.125rem solid #fa0000;
        }
    }
    &_listViewItem {
        // height: 6.55rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        margin-top: 0.6rem;
        padding-bottom: 0.6rem;
        border-bottom: 0.05rem solid #f2f2f2;
        .am-list-item-active {
            background-color: #fff;
        }
        .am-list-item {
            padding-right: 0.65rem;
            padding-left: 0;
            display: inline-block;
        }
        .am-list-item .am-list-thumb:first-child {
            margin-right: 0;
        }
        .am-checkbox-inner {
            left: 0 !important;
            top: 0 !important;
        }
        >div {
            background-color: #fff;
        }
        &_goodsImg {
            height: 5.5rem;
            width: 5.5rem;
        }
        &_goodsInfo {
            padding-top: 0.55rem;
            padding-left: 0.85rem;
            &_title {
                font-size: 0.7rem;
                color: #222222; // margin-bottom: 1.2rem;
                line-height: 1rem;
                height: 4.5rem;
            }
            &_priceInfo {
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                line-height: 1.35rem;
                >p {
                    margin: 0;
                }
                >p:first-child {
                    color: #fa0000;
                    font-size: 0.93rem;
                    >span {
                        font-size: 0.93rem;
                    }
                    >span {
                        font-size: 0.93rem;
                    }
                    >span:last-child {
                        font-size: 0.72rem;
                        display: inline-block;
                        padding-left: 0.2rem;
                    }
                    >span:first-child {
                        padding-right: 0.1rem;
                    }
                }
            }
            &_findBtn {
                color: #222;
                font-size: 0.65rem;
                height: 1.45rem;
                line-height: 1.4rem;
                width: 4rem;
                text-align: center;
                border: 0.05rem solid #bbbbbb;
                border-radius: 2rem;
            }
        }
        &_editBtn_active {
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
        }
        &_editBtn_default {
            display: none;
        }
    }
    &_listView {
        .am-list-body:before {
            background-color: #fff !important;
        }
        .am-list-body:after {
            background-color: #fff !important;
        }
        &_timebar {
            height: 2rem;
            line-height: 2rem;
            font-size: 0.72rem;
            color: #666;
            border-bottom: 0.05rem solid #f2f2f2;
        }
    }
    &_editOperationBar {
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: space-around;
        height: 2.6rem;
        padding-left: 0.7rem;
        width: 100%;
        background-color: #fff;
        border-top: 0.05rem solid #f2f2f2;
        &_placeholder {
            height: 2.6rem;
        }
        >div {
            width: 50%;
        }
        >div:last-child {
            text-align: right;
        }
        &_selectAll {
            height: 100%;
            background-color: #fff;
            font-size: 0.8rem;
            color: #666666;
            position: relative;
            top: 0.1rem;
            display: inline-block;
        }
        &_del {
            height: 100%;
            background-color: #fa0000;
            font-size: 0.8rem;
            color: #fff;
            width: 6.6rem;
            border-color: #fa0000;
            border-radius: 0;
            text-align: center;
            display: inline-block;
        }
        .am-list-item-active {
            background-color: #fff;
        }
        .am-list-item {
            padding-right: 0.65rem;
            padding-left: 0;
            display: inline-block;
            position: relative;
            top: -0.2rem;
            background-color: rgba(10, 10, 10, 0)
        }
        .am-list-item .am-list-thumb:first-child {
            margin-right: 0;
        }
        .am-checkbox-inner {
            left: 0 !important;
            top: 0 !important;
        }
        .am-list-thumb {
            height: 100%;
        }
        .am-checkbox-wrapper {
            height: 100%;
            display: inline-block;
        }
    }
}

.myMessage {
    background-color: #fff;
    &_placehoder {
        height: 2.5rem;
    }
    &_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_item {
        padding: 1.05rem 0.7rem 0.85rem 0.7rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        &_img {
            position: relative;
            >img {
                height: 2.45rem;
                display: block;
            }
            >span {
                position: absolute;
                right: -0.2rem;
                top: -0.4rem;
                width: 1rem;
                height: 0.8rem;
                line-height: 0.8rem;
                background-color: #fa0000;
                border-radius: 0.4rem;
                border: 0.05rem solid #fff;
                color: #fff;
                font-size: 0.5rem;
                text-align: center;
                display: inline-block;
            }
        }
        &_content {
            padding-left: 0.75rem;
            width: 100%;
            &_title {
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                >p {
                    margin: 0;
                    display: inline-block;
                }
                >p:first-child {
                    width: 65%;
                    font-size: 0.83rem;
                    color: #222222;
                    font-weight: 600;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
                >p:last-child {
                    width: 35%;
                    text-align: right;
                    font-size: 0.65rem;
                    color: #999999;
                }
            }
            &_article {
                width: 11.65rem;
                font-size: 0.7rem;
                color: #999999;
                padding-top: 0.6rem;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                padding-right: 2.7rem;
            }
        }
    }
    &_service {
        padding: 1.05rem 0.7rem 0.85rem 0.7rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        &_title {
            padding-left: 0.7rem;
            .mk_item {
                padding: 0;
            }
            .mk_icon {
                font-size: 1rem;
                color: #999999;
            }
            &_text {
                font-size: 0.83rem;
                color: #999999;
                display: inline-block;
                padding-left: 0.4rem;
                font-weight: 600;
            }
        }
        &_img {
            position: relative;
            >img {
                height: 2.45rem;
                display: block;
            }
            >span {
                position: absolute;
                right: -0.2rem;
                top: -0.4rem;
                width: 1rem;
                height: 0.8rem;
                line-height: 0.8rem;
                background-color: #fa0000;
                border-radius: 0.4rem;
                border: 0.05rem solid #fff;
                color: #fff;
                font-size: 0.5rem;
                text-align: center;
                display: inline-block;
            }
        }
        &_content {
            padding-left: 0.75rem;
            width: 100%;
            &_title {
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                >p {
                    margin: 0;
                    display: inline-block;
                }
                >p:first-child {
                    width: 65%;
                    font-size: 0.83rem;
                    color: #222222;
                    font-weight: 600;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
                >p:last-child {
                    width: 35%;
                    text-align: right;
                    font-size: 0.65rem;
                    color: #999999;
                }
            }
            &_article {
                width: 11.65rem;
                font-size: 0.7rem;
                color: #999999;
                padding-top: 0.6rem;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                padding-right: 2.7rem;
            }
        }
    }
}

.promotions {
    padding-bottom: 0.7rem;
    &_placehoder {
        height: 2.5rem;
    }
    &_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_content {
        padding: 0 0.7rem;
        &_card {
            &_timeWrap {
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                padding: 0.75rem 0;
            }
            &_time {
                height: 1.25rem;
                width: 3.45rem;
                line-height: 1.25rem;
                background-color: #dfdfdf;
                color: #fff;
                border-radius: 1.7rem;
                text-align: center;
            }
            &_container {
                border-radius: 0.4rem;
                >img {
                    display: block;
                    height: 7.25rem;
                    width: 100%;
                    border-top-left-radius: 0.4rem;
                    border-top-right-radius: 0.4rem;
                }
                &_text {
                    background-color: #fff;
                    padding-left: 0.55rem;
                    padding-bottom: 0.8rem;
                    border-bottom-right-radius: 0.4rem;
                    border-bottom-left-radius: 0.4rem;
                }
                &_title {
                    >p {
                        margin: 0;
                        font-size: 0.76rem;
                        color: #222;
                        padding: 0.6rem 0;
                    }
                    >div {
                        font-size: 0.71rem;
                        color: #888888;
                        line-height: 1.1rem;
                    }
                }
            }
        }
    }
}

.accountMsg {
    padding-bottom: 0.7rem;
    &_placehoder {
        height: 2.5rem;
    }
    &_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_content {
        padding: 0 0.7rem;
        &_card {
            &_timeWrap {
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                padding: 0.75rem 0;
            }
            &_time {
                height: 1.25rem;
                width: 3.45rem;
                line-height: 1.25rem;
                background-color: #dfdfdf;
                color: #fff;
                border-radius: 1.7rem;
                text-align: center;
            }
            &_container {
                border-radius: 0.4rem;
                background-color: #fff;
                padding-left: 0.55rem;
                padding-bottom: 0.85rem;
                &_title {
                    margin: 0;
                    padding: 0.85rem 0 0.5rem 0;
                    color: #222222;
                    font-size: 0.83rem;
                }
                >div {
                    font-size: 0.72rem;
                    color: #888888;
                    line-height: 1.1rem;
                }
            }
        }
    }
}

.logistics {
    padding-bottom: 0.7rem;
    &_placehoder {
        height: 2.5rem;
    }
    &_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5;
    }
    &_content {
        padding: 0 0.7rem;
        &_card {
            &_timeWrap {
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                padding: 0.75rem 0;
            }
            &_time {
                height: 1.25rem;
                width: 3.45rem;
                line-height: 1.25rem;
                background-color: #dfdfdf;
                color: #fff;
                border-radius: 1.7rem;
                text-align: center;
            }
            &_container {
                border-radius: 0.4rem;
                background-color: #fff;
                padding-left: 0.55rem;
                padding-bottom: 0.7rem;
                &_title {
                    margin: 0;
                    font-size: 0.83rem;
                    color: #222222;
                    padding-top: 0.8rem;
                    padding-bottom: 0.6rem;
                }
                >div {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: flex-start;
                    >div {
                        // background-color: #f8f8f8;
                        width: 4.5rem;
                        height: 4.35rem;
                        >img {
                            margin: 0 auto;
                            display: block;
                            height: 4.35rem;
                        }
                    }
                    >p {
                        padding-left: 0.8rem;
                        padding-top: 0.4rem;
                        padding-right: 0.7rem;
                        font-size: 0.7rem;
                        color: #888888;
                        margin: 0;
                        line-height: 1.1rem;
                    }
                }
            }
        }
    }
}

.myOrder {
    // padding-bottom: 0.7rem;
    &_tabs {
        .am-tabs-tab-bar-wrap {
            position: fixed;
            top: 2.5rem;
            width: 100%;
            z-index: 1;
            height: 2rem;
            line-height: 2rem;
        }
        .am-tabs-content-wrap {
            margin-top: 1.1rem;
        }
        .am-tabs-default-bar-underline {
            border: none;
        }
        .am-tabs-default-bar-content {
            border: none;
            position: relative;
        }
        .am-tabs-default-bar-content:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            height: 0.05rem;
            background-color: #fafafa;
            width: 100%;
        }
        .am-tabs-default-bar-top .am-tabs-default-bar-tab,
        .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
            padding: 0;
            height: 2rem;
        }
    }
    &_all {
        padding-top: 1rem;
    }
    &_obligations {
        padding-top: 1rem;
        &_card {
            background-color: #fff;
            margin-bottom: 0.45rem;
            .mk_item {
                padding: 0;
            }
            .mk_item:after {
                height: 0;
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                position: relative;
                &_shopIcon {
                    font-size: 0.9rem;
                    font-weight: 600;
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    top: 0.1rem;
                }
                &_text {
                    font-size: 0.72rem;
                    color: #222;
                    font-weight: 600;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
                &_rightIcon {
                    position: relative;
                    top: -0.1rem;
                    font-weight: 600;
                    font-size: 0.3rem;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
                &_status {
                    color: #fa0000;
                    font-weight: 600;
                    display: inline-block;
                    padding-right: 0.7rem;
                }
            }
            &_goodsInfo {
                padding: 0.55rem 0.7rem 0.7rem 0.7rem;
                background-color: #fafafa;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                margin-bottom: 0.2rem;
                &_img {
                    >img {
                        height: 3.5rem;
                    }
                }
                &_imgWrap {
                    overflow-x: scroll;
                    overflow-y: hidden;
                    white-space: nowrap;
                    >div {
                        >img {
                            height: 3.5rem;
                            margin-right: 0.4rem;
                        }
                    }
                }
                &_text {
                    line-height: 1rem;
                    color: #222;
                    font-size: 0.76rem;
                    padding: 0.7rem 0;
                    padding-left: 1rem;
                }
            }
            &_goodsPrice {
                height: 2.1rem;
                line-height: 2.1rem;
                padding: 0 0.7rem;
                display: flex;
                justify-content: flex-end;
                border-bottom: 0.05rem solid #f3f3f5;
                >div {
                    font-size: 0.72rem;
                    color: #222222;
                }
                >div:last-child {
                    display: flex;
                    justify-content: flex-start;
                    >span {
                        font-size: 0.9rem;
                        color: #222;
                    }
                    >span:last-child {
                        font-size: 0.69rem;
                        display: inline-block;
                        padding-left: 0.25rem;
                    }
                }
            }
            &_paybtn {
                padding-right: 0.7rem;
                height: 2.3rem;
                display: flex;
                justify-content: flex-end;
                line-height: 2.3rem;
                align-items: center;
                >span {
                    font-size: 0.73rem;
                    color: #fa0000;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #fa0000;
                }
            }
        }
    }
    &_tabs {
        &_default {
            font-size: 0.625rem;
            color: #222222;
            height: 100%;
            position: relative;
        }
        &_active {
            font-size: 0.76rem;
            color: #222222;
            font-weight: 600;
            position: relative;
            height: 100%;
            width: 100%;
            text-align: center;
        }
        &_active:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0.05rem;
            height: 0.1rem;
            background-color: #fa0000;
            width: 100%;
        }
    }
    &_delivergoods {
        padding-top: 1rem;
        &_card {
            background-color: #fff;
            margin-bottom: 0.45rem;
            .mk_item {
                padding: 0;
            }
            .mk_item:after {
                height: 0;
            }
            &_item {
                border-bottom: 0.05rem solid #eeeeee;
            }
            &_logistics {
                padding: 0.75rem 0.7rem;
                height: 3.45rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                &_icon {
                    >i {
                        color: #6b6b6b;
                        position: relative;
                        top: -0.1rem;
                        font-size: 0.85rem;
                    }
                }
                &_info {
                    >span:first-child {
                        font-size: 0.73rem;
                        color: #222;
                        display: block;
                        padding-left: 0.3rem;
                    }
                    >span:last-child {
                        font-size: 0.6rem;
                        color: #222222;
                        display: inline-block;
                        margin-top: 0.5rem;
                        padding-left: 0.3rem;
                    }
                }
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                &_shopIcon {
                    font-size: 0.9rem;
                    font-weight: 600;
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    top: 0.1rem;
                }
                &_text {
                    font-size: 0.72rem;
                    color: #222;
                    font-weight: 600;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
                &_rightIcon {
                    position: relative;
                    top: -0.1rem;
                    font-weight: 600;
                    font-size: 0.3rem;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
                &_status {
                    color: #fa0000;
                    font-weight: 600;
                    display: inline-block;
                    padding-right: 0.7rem;
                }
            }
            &_goodsInfo {
                padding: 0.55rem 0.7rem 0.7rem 0.7rem;
                background-color: #fafafa;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                margin-bottom: 0.2rem;
                &_img {
                    >img {
                        height: 3.5rem;
                    }
                }
                &_imgWrap {
                    overflow-x: scroll;
                    overflow-y: hidden;
                    white-space: nowrap;
                    >div {
                        >img {
                            height: 3.5rem;
                            margin-right: 0.4rem;
                        }
                    }
                }
                &_text {
                    line-height: 1rem;
                    color: #222;
                    font-size: 0.76rem;
                    padding: 0.7rem 0;
                    padding-left: 1rem;
                }
            }
            &_goodsPrice {
                height: 2.1rem;
                line-height: 2.1rem;
                padding: 0 0.7rem;
                display: flex;
                justify-content: flex-end;
                border-bottom: 0.05rem solid #f3f3f5;
                >div {
                    font-size: 0.72rem;
                    color: #222222;
                }
                >div:last-child {
                    display: flex;
                    justify-content: flex-start;
                    >span {
                        font-size: 0.9rem;
                        color: #222;
                    }
                    >span:last-child {
                        font-size: 0.69rem;
                        display: inline-block;
                        padding-left: 0.25rem;
                    }
                }
            }
            &_operation {
                padding-right: 0.7rem;
                height: 2.3rem;
                display: flex;
                justify-content: flex-end;
                line-height: 2.3rem;
                align-items: center;
                >span {
                    margin-left: 0.4rem;
                }
                >span:first-child {
                    font-size: 0.73rem;
                    color: #222;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #c9c9c9;
                }
            }
        }
    }
    &_receivedgoods {
        padding-top: 1rem;
        &_card {
            background-color: #fff;
            margin-bottom: 0.45rem;
            .mk_item {
                padding: 0;
            }
            .mk_item:after {
                height: 0;
            }
            &_item {
                border-bottom: 0.05rem solid #eeeeee;
            }
            &_logistics {
                padding: 0.75rem 0.7rem;
                height: 3.45rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                &_icon {
                    >i {
                        color: #6b6b6b;
                        position: relative;
                        top: -0.1rem;
                        font-size: 0.85rem;
                    }
                }
                &_info {
                    >span:first-child {
                        font-size: 0.73rem;
                        color: #222;
                        display: block;
                        padding-left: 0.3rem;
                    }
                    >span:last-child {
                        font-size: 0.6rem;
                        color: #222222;
                        display: inline-block;
                        margin-top: 0.5rem;
                        padding-left: 0.3rem;
                    }
                }
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                &_shopIcon {
                    font-size: 0.9rem;
                    font-weight: 600;
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    top: 0.1rem;
                }
                &_text {
                    font-size: 0.72rem;
                    color: #222;
                    font-weight: 600;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
                &_rightIcon {
                    position: relative;
                    top: -0.1rem;
                    font-weight: 600;
                    font-size: 0.3rem;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
                &_status {
                    color: #fa0000;
                    font-weight: 600;
                    display: inline-block;
                    padding-right: 0.7rem;
                }
            }
            &_goodsInfo {
                padding: 0.55rem 0.7rem 0.7rem 0.7rem;
                background-color: #fafafa;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                margin-bottom: 0.2rem;
                &_img {
                    >img {
                        height: 3.5rem;
                    }
                }
                &_imgWrap {
                    overflow-x: scroll;
                    overflow-y: hidden;
                    white-space: nowrap;
                    >div {
                        >img {
                            height: 3.5rem;
                            margin-right: 0.4rem;
                        }
                    }
                }
                &_text {
                    line-height: 1rem;
                    color: #222;
                    font-size: 0.76rem;
                    padding: 0.7rem 0;
                    padding-left: 1rem;
                }
            }
            &_goodsPrice {
                height: 2.1rem;
                line-height: 2.1rem;
                padding: 0 0.7rem;
                display: flex;
                justify-content: flex-end;
                border-bottom: 0.05rem solid #f3f3f5;
                >div {
                    font-size: 0.72rem;
                    color: #222222;
                }
                >div:last-child {
                    display: flex;
                    justify-content: flex-start;
                    >span {
                        font-size: 0.9rem;
                        color: #222;
                    }
                    >span:last-child {
                        font-size: 0.69rem;
                        display: inline-block;
                        padding-left: 0.25rem;
                    }
                }
            }
            &_operation {
                padding-right: 0.7rem;
                height: 2.3rem;
                display: flex;
                justify-content: flex-end;
                line-height: 2.3rem;
                align-items: center;
                >span {
                    margin-left: 0.4rem;
                }
                >span:first-child {
                    font-size: 0.73rem;
                    color: #222;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #c9c9c9;
                }
                >span:nth-child(2) {
                    font-size: 0.73rem;
                    color: #222;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #c9c9c9;
                }
                >span:last-child {
                    font-size: 0.73rem;
                    color: #fa0000;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #fa0000;
                }
            }
        }
    }
    &_orderComplete {
        padding-top: 1rem;
        &_card {
            background-color: #fff;
            margin-bottom: 0.45rem;
            .mk_item {
                padding: 0;
                overflow: visible;
            }
            .mk_item:after {
                height: 0;
            }
            &_item {
                border-bottom: 0.05rem solid #eeeeee;
            }
            &_logistics {
                padding: 0.75rem 0.7rem;
                height: 3.45rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 2rem;
                &_icon {
                    >i {
                        color: #6b6b6b;
                        position: relative;
                        top: -0.1rem;
                        font-size: 0.85rem;
                    }
                }
                &_info {
                    >span:first-child {
                        font-size: 0.73rem;
                        color: #222;
                        display: block;
                        padding-left: 0.3rem;
                    }
                    >span:last-child {
                        font-size: 0.6rem;
                        color: #222222;
                        display: inline-block;
                        margin-top: 0.5rem;
                        padding-left: 0.3rem;
                    }
                }
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                position: relative;
                &_img {
                    position: absolute;
                    right: 0.35rem;
                    top: 0;
                    height: 2.4rem;
                }
                &_shopIcon {
                    font-size: 0.9rem;
                    font-weight: 600;
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    top: 0.1rem;
                }
                &_text {
                    font-size: 0.72rem;
                    color: #222;
                    font-weight: 600;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
                &_rightIcon {
                    position: relative;
                    top: -0.1rem;
                    font-weight: 600;
                    font-size: 0.3rem;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
                &_status {
                    color: #999;
                    display: inline-block;
                    padding-right: 0.7rem;
                }
            }
            &_goodsInfo {
                padding: 0.55rem 0.7rem 0.7rem 0.7rem;
                background-color: #fafafa;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                margin-bottom: 0.2rem;
                &_img {
                    >img {
                        height: 3.5rem;
                    }
                }
                &_imgWrap {
                    overflow-x: scroll;
                    overflow-y: hidden;
                    white-space: nowrap;
                    >div {
                        >img {
                            height: 3.5rem;
                            margin-right: 0.4rem;
                        }
                    }
                }
                &_text {
                    line-height: 1rem;
                    color: #222;
                    font-size: 0.76rem;
                    padding: 0.7rem 0;
                    padding-left: 1rem;
                }
            }
            &_goodsPrice {
                height: 2.1rem;
                line-height: 2.1rem;
                padding: 0 0.7rem;
                display: flex;
                justify-content: flex-end;
                border-bottom: 0.05rem solid #f3f3f5;
                >div {
                    font-size: 0.72rem;
                    color: #222222;
                }
                >div:last-child {
                    display: flex;
                    justify-content: flex-start;
                    >span {
                        font-size: 0.9rem;
                        color: #222;
                    }
                    >span:last-child {
                        font-size: 0.69rem;
                        display: inline-block;
                        padding-left: 0.25rem;
                    }
                }
            }
            &_operation {
                padding-right: 0.7rem;
                height: 2.3rem;
                display: flex;
                justify-content: flex-end;
                line-height: 2.3rem;
                align-items: center;
                >span {
                    margin-left: 0.4rem;
                }
                >span:first-child {
                    font-size: 0.73rem;
                    color: #222;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #c9c9c9;
                }
            }
        }
    }
    &_orderCancel {
        &_card {
            background-color: #fff;
            margin-bottom: 0.45rem;
            .mk_item {
                padding: 0;
                overflow: visible;
            }
            .mk_item:after {
                height: 0;
            }
            &_item {
                border-bottom: 0.05rem solid #eeeeee;
            }
            &_logistics {
                padding: 0.75rem 0.7rem;
                height: 3.45rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 2rem;
                &_icon {
                    >i {
                        color: #6b6b6b;
                        position: relative;
                        top: -0.1rem;
                        font-size: 0.85rem;
                    }
                }
                &_info {
                    >span:first-child {
                        font-size: 0.73rem;
                        color: #222;
                        display: block;
                        padding-left: 0.3rem;
                    }
                    >span:last-child {
                        font-size: 0.6rem;
                        color: #222222;
                        display: inline-block;
                        margin-top: 0.5rem;
                        padding-left: 0.3rem;
                    }
                }
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                position: relative;
                &_img {
                    position: absolute;
                    right: 0.35rem;
                    top: 0;
                    height: 2.4rem;
                }
                &_shopIcon {
                    font-size: 0.9rem;
                    font-weight: 600;
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    top: 0.1rem;
                }
                &_text {
                    font-size: 0.72rem;
                    color: #222;
                    font-weight: 600;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
                &_rightIcon {
                    position: relative;
                    top: -0.1rem;
                    font-weight: 600;
                    font-size: 0.3rem;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
                &_status {
                    color: #999;
                    display: inline-block;
                    padding-right: 0.7rem;
                    >span {
                        display: inline-block;
                        color: #a6a6a6;
                        font-size: 0.73rem;
                        padding-right: 1rem;
                    }
                }
            }
            &_goodsInfo {
                padding: 0.55rem 0.7rem 0.7rem 0.7rem;
                background-color: #fafafa;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                margin-bottom: 0.2rem;
                &_img {
                    >img {
                        height: 3.5rem;
                    }
                }
                &_imgWrap {
                    overflow-x: scroll;
                    overflow-y: hidden;
                    white-space: nowrap;
                    >div {
                        >img {
                            height: 3.5rem;
                            margin-right: 0.4rem;
                        }
                    }
                }
                &_text {
                    line-height: 1rem;
                    color: #222;
                    font-size: 0.76rem;
                    padding: 0.7rem 0;
                    padding-left: 1rem;
                }
            }
            &_goodsPrice {
                height: 2.1rem;
                line-height: 2.1rem;
                padding: 0 0.7rem;
                display: flex;
                justify-content: flex-end;
                border-bottom: 0.05rem solid #f3f3f5;
                >div {
                    font-size: 0.72rem;
                    color: #222222;
                }
                >div:last-child {
                    display: flex;
                    justify-content: flex-start;
                    >span {
                        font-size: 0.9rem;
                        color: #222;
                    }
                    >span:last-child {
                        font-size: 0.69rem;
                        display: inline-block;
                        padding-left: 0.25rem;
                    }
                }
            }
            &_operation {
                padding-right: 0.7rem;
                height: 2.3rem;
                display: flex;
                justify-content: flex-end;
                line-height: 2.3rem;
                align-items: center;
                >span {
                    margin-left: 0.4rem;
                }
                >span:first-child {
                    font-size: 0.73rem;
                    color: #222;
                    height: 1.4rem;
                    line-height: 1.4rem;
                    width: 3.85rem;
                    text-align: center;
                    border-radius: 1.4rem;
                    border: 0.05rem solid #c9c9c9;
                }
            }
        }
    }
}

.obligationsDetail {
    .btn {
        font-size: 0.6rem;
        height: 1.2rem;
        border-radius: 0.6rem;
        position: relative;
        bottom: 0.2rem;
    }
    &_topInfo {
        position: relative;
        >img,
        >div {
            height: 5.7rem;
            width: 100%;
            display: block;
        }
        >div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 1;
            color: #fff;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            >div:first-child {
                padding-left: 1.2rem;
                padding-top: 0.9rem;
                >span {
                    font-size: 0.93rem;
                    color: #fff;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
            }
            >div:last-child {
                text-align: right;
                padding-right: 1.4rem;
                padding-top: 0.9rem;
                >p {
                    margin: 0;
                    line-height: 1.25rem;
                    font-size: 0.7rem;
                    color: #fff;
                }
                >p:first-child {
                    >span {
                        font-size: 0.7rem;
                        color: #fff;
                    }
                }
                >p:last-child {
                    >span:first-child {
                        font-size: 0.76rem;
                        color: #fff;
                        display: inline-block;
                        padding-left: 0.1rem;
                    }
                    >span:last-child {
                        font-size: 0.6rem;
                        color: #fff;
                        display: inline-block;
                        padding-left: 0.15rem;
                    }
                }
            }
        }
        &_leftIcon {
            .mk_icon {
                font-size: 1rem;
                color: #fff;
            }
        }
    }
    &_card {
        padding: 0 0.7rem;
        background-color: #f4f5f7;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            margin-top: 0.5rem;
            padding: 1.25rem 0.75rem 1.1rem 0.55rem;
            &_userInfo {
                >span {
                    font-weight: 600;
                    font-size: 0.83rem;
                    color: #222;
                }
            }
            &_userName {
                display: inline-block;
                padding-left: 0.4rem;
                padding-right: 1.15rem;
            }
            &_address {
                >p {
                    margin: 0;
                    margin-top: 0.45rem;
                    padding-left: 1.2rem;
                    line-height: 1.1rem;
                    font-size: 0.65rem;
                    color: #222;
                }
            }
        }
    }
    &_goodsInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            .mk_item {
                padding: 0rem;
            }
            &_title {
                padding-left: 0.55rem;
                padding-right: 0.75rem;
                height: 2.05rem;
                line-height: 2.05rem;
                border-bottom: 0.05rem solid #f4f4f4;
                >span {
                    font-size: 0.73rem;
                    font-weight: 600;
                    color: #222;
                    display: inline-block;
                    padding-left: 0.4rem;
                }
                >i {
                    display: inline-block;
                    line-height: 2.05rem;
                    position: relative;
                    top: 0.05rem;
                }
            }
            &_goodsWrap {
                padding: 0.75rem 0.75rem 0.75rem 0.55rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                border-bottom: 0.05rem solid #f4f4f4;
                >div:first-child {
                    >img {
                        height: 3.5rem;
                        display: block;
                    }
                }
            }
            &_goods {
                width: 0;
                padding-left: 0.55rem;
                >div:first-child {
                    font-size: 0.73rem;
                    color: #222222;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 1.2rem;
                }
                >div:nth-child(2) {
                    color: #222;
                    font-size: 0.625rem;
                    line-height: 1.4rem;
                }
                >div:last-child {
                    span:first-child {
                        font-size: 0.8rem;
                        color: #222222;
                    }
                    span:nth-child(2) {
                        font-size: 0.8rem;
                        color: #222222;
                    }
                }
                &_hd {
                    font-size: 0.6rem;
                    color: #222222;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
            }
            &_customer {
                height: 2.25rem;
                line-height: 2.25rem;
                text-align: center;
                font-size: 0.73rem;
                color: #222;
                >i {
                    color: #fa0000;
                }
                >span {
                    display: inline-block;
                    padding-left: 0.25rem;
                }
            }
        }
    }
    &_orderInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0.45rem 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.73rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.73rem;
                color: #222;
            }
        }
    }
    &_priceInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        margin-bottom: 3.4rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.7rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.8rem;
                color: #222;
            }
        }
        &_allPrice {
            height: 2.25rem;
            line-height: 2.25rem;
            text-align: right; // border-top: 0.05rem solid #f8f8f8;
            >span:first-child {
                font-size: 0.7rem;
                color: #222222;
            }
            >span:nth-child(2) {
                font-size: 0.86rem;
                color: #fa0000;
            }
            >span:last-child {
                font-size: 0.65rem;
                color: #fa0000;
                display: inline-block;
                padding-left: 0.2rem;
            }
        }
    }
    &_operationbar {
        padding: 0 0.7rem;
        height: 2.75rem;
        line-height: 2.75rem;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        align-items: center;
        &_cancelBtn {
            min-width: 4.3rem;
            height: 1.5rem;
            text-align: center;
            white-space: nowrap;
            border: 0.05rem solid #d3d3d3;
            font-size: 0.73rem;
            color: #222;
            border-radius: 0.7rem;
            margin-right: 0.7rem;
        }
        &_toPayBtn {
            min-width: 4.4rem;
            height: 1.6rem;
            text-align: center;
            color: #fff;
            white-space: nowrap;
            font-size: 0.73rem;
            border-radius: 0.8rem;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
            /* 标准的语法 */
        }
    }
}

.delivergoodsDetail {
    &_topInfo {
        position: relative;
        >img,
        >div {
            height: 5.7rem;
            width: 100%;
            display: block;
        }
        >div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 1;
            color: #fff;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            
            >div:first-child {
                padding-left: 1.2rem;
                padding-top: 1.4rem;
                >span {
                    font-size: 0.93rem;
                    color: #fff;
                    display: inline-block;
                    padding-left: 0.6rem;
                }
            }
        }
        &_leftIcon {
            .mk_icon {
                font-size: 1rem;
                color: #fff;
                position: relative;
            }
        }
    }
    &_card {
        padding: 0 0.7rem;
        margin-bottom: -2.05rem;
        background-color: #f4f5f7;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            position: relative;
            top: -2.05rem;
            left: 0;
            padding: 1.25rem 0.75rem 1.1rem 0.55rem;
            &_logistics {
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 2rem;
                >div:first-child {
                    >i {
                        font-size: 0.85rem;
                        color: #222;
                        position: relative;
                        top: -0.1rem;
                    }
                }
                >div:last-child {
                    width: 100%;
                    >span {
                        display: inline-block;
                        padding-left: 0.3rem;
                        font-size: 0.7rem;
                        color: #222;
                        padding-right: 0.5rem;
                    }
                }
                &_rightIcon {
                    margin: 0;
                    text-align: right;
                    position: absolute;
                    right: 0rem;
                    top: 50%;
                    transform: translate(0, -50%);
                    >i {
                        font-size: 0.6rem;
                        color: #222;
                    }
                }
                &_time {
                    margin: 0;
                    margin-top: 0.3rem;
                    padding-left: 0.3rem;
                }
            }
            &_userInfo {
                >span {
                    font-weight: 600;
                    font-size: 0.83rem;
                    color: #222;
                }
            }
            &_userName {
                display: inline-block;
                padding-left: 0.4rem;
                padding-right: 1.15rem;
            }
            &_address {
                >p {
                    margin: 0;
                    margin-top: 0.45rem;
                    padding-left: 1.2rem;
                    line-height: 1.1rem;
                    font-size: 0.65rem;
                    color: #222;
                }
            }
        }
    }
    &_goodsInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            .mk_item {
                padding: 0rem;
            }
            &_title {
                padding-left: 0.55rem;
                padding-right: 0.75rem;
                height: 2.05rem;
                line-height: 2.05rem;
                border-bottom: 0.05rem solid #f4f4f4;
                >span {
                    font-size: 0.73rem;
                    font-weight: 600;
                    color: #222;
                    display: inline-block;
                    padding-left: 0.4rem;
                }
                >i {
                    display: inline-block;
                    line-height: 2.05rem;
                    position: relative;
                    top: 0.05rem;
                }
            }
            &_goodsWrap {
                padding: 0.75rem 0.75rem 0.75rem 0.55rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                border-bottom: 0.05rem solid #f4f4f4;
                >div:first-child {
                    >img {
                        height: 3.5rem;
                        display: block;
                    }
                }
            }
            &_goods {
                padding-left: 0.55rem;
                >div:first-child {
                    font-size: 0.73rem;
                    color: #222222;
                    width: 12.05rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 1.2rem;
                }
                >div:nth-child(2) {
                    color: #222;
                    font-size: 0.625rem;
                    line-height: 1.4rem;
                }
                >div:last-child {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    >div:first-child {
                        >span:first-child {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                        >span:nth-child(2) {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                    }
                    >div:last-child {
                        position: relative;
                        top: -0.2rem;
                        font-size: 0.625rem;
                        color: #222;
                        padding: 0.25rem 0.4rem;
                        text-align: center;
                        border-radius: 0.55rem;
                        border: 0.05rem solid #e5e5e5;
                    }
                }
                &_hd {
                    font-size: 0.6rem;
                    color: #222222;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
            }
            &_customer {
                height: 2.25rem;
                line-height: 2.25rem;
                text-align: center;
                font-size: 0.73rem;
                color: #222;
                >i {
                    color: #fa0000;
                }
                >span {
                    display: inline-block;
                    padding-left: 0.25rem;
                }
            }
        }
    }
    &_orderInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0.45rem 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.73rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.73rem;
                color: #222;
            }
        }
    }
    &_priceInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        margin-bottom: 3.4rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.7rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.8rem;
                color: #222;
            }
        }
        &_allPrice {
            height: 2.25rem;
            line-height: 2.25rem;
            text-align: right;
            border-top: 0.05rem solid #f8f8f8;
            >span:first-child {
                font-size: 0.7rem;
                color: #222222;
            }
            >span:nth-child(2) {
                font-size: 0.86rem;
                color: #fa0000;
            }
            >span:last-child {
                font-size: 0.65rem;
                color: #fa0000;
                display: inline-block;
                padding-left: 0.2rem;
            }
        }
    }
    &_operationbar {
        padding: 0 0.7rem;
        height: 2.75rem;
        line-height: 2.75rem;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        >div:first-child {
            padding-left: 0.55rem;
            font-size: 0.73rem;
            color: #222;
        }
        &_editBtn {
            width: 4.3rem;
            height: 1.5rem;
            text-align: center;
            border: 0.05rem solid #d3d3d3;
            font-size: 0.73rem;
            color: #222;
            border-radius: 0.7rem;
            margin-right: 0.7rem;
        }
        &_buyAgainBtn {
            width: 4.3rem;
            height: 1.5rem;
            text-align: center;
            border: 0.05rem solid #d3d3d3;
            font-size: 0.73rem;
            color: #222;
            border-radius: 0.7rem;
            margin-right: 0.7rem;
        }
    }
}

.receivedDetail {
    &_topInfo {
        position: relative;
        >img,
        >div {
            height: 5.7rem;
            width: 100%;
            display: block;
        }
        >div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 1;
            color: #fff;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            >div:first-child {
                padding-left: 1.2rem;
                padding-top: 1.4rem;
                >span {
                    font-size: 0.93rem;
                    color: #fff;
                    display: inline-block;
                    padding-left: 0.6rem;
                }
            }
            >div:last-child {
                text-align: right;
                padding-right: 1.4rem;
                padding-top: 0.9rem;
                >p {
                    margin: 0;
                    line-height: 1.25rem;
                    font-size: 0.73rem;
                    color: #fff;
                }
                >p:last-child {
                    >span:last-child {
                        font-size: 0.6rem;
                        color: #fff;
                        display: inline-block;
                        padding-left: 0.15rem;
                    }
                }
            }
        }
        &_leftIcon {
            .mk_icon {
                font-size: 1rem;
                color: #fff;
                position: relative;
            }
        }
    }
    &_card {
        padding: 0 0.7rem;
        margin-bottom: -2.05rem;
        background-color: #f4f5f7;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            position: relative;
            top: -2.05rem;
            left: 0;
            padding: 1.25rem 0.75rem 1.1rem 0.55rem;
            &_logistics {
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 2rem;
                >div:first-child {
                    >i {
                        font-size: 0.85rem;
                        color: #222;
                        position: relative;
                        top: -0.1rem;
                    }
                }
                >div:last-child {
                    width: 100%;
                    >span {
                        display: inline-block;
                        padding-left: 0.3rem;
                        font-size: 0.7rem;
                        color: #222;
                        padding-right: 0.5rem;
                    }
                }
                &_rightIcon {
                    margin: 0;
                    text-align: right;
                    position: absolute;
                    right: 0rem;
                    top: 50%;
                    transform: translate(0, -50%);
                    >i {
                        font-size: 0.6rem;
                        color: #222;
                    }
                }
                &_time {
                    margin: 0;
                    margin-bottom: 0.5rem;
                    padding-left: 0.3rem;
                }
            }
            &_userInfo {
                >span {
                    font-weight: 600;
                    font-size: 0.83rem;
                    color: #222;
                }
            }
            &_userName {
                display: inline-block;
                padding-left: 0.4rem;
                padding-right: 1.15rem;
            }
            &_address {
                >p {
                    margin: 0;
                    margin-top: 0.45rem;
                    padding-left: 1.2rem;
                    line-height: 1.1rem;
                    font-size: 0.65rem;
                    color: #222;
                }
            }
        }
    }
    &_goodsInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            .mk_item {
                padding: 0rem;
            }
            &_title {
                padding-left: 0.55rem;
                padding-right: 0.75rem;
                height: 2.05rem;
                line-height: 2.05rem;
                border-bottom: 0.05rem solid #f4f4f4;
                >span {
                    font-size: 0.73rem;
                    font-weight: 600;
                    color: #222;
                    display: inline-block;
                    padding-left: 0.4rem;
                }
                >i {
                    display: inline-block;
                    line-height: 2.05rem;
                    position: relative;
                    top: 0.05rem;
                }
            }
            &_goodsWrap {
                padding: 0.75rem 0.75rem 0.75rem 0.55rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                border-bottom: 0.05rem solid #f4f4f4;
                >div:first-child {
                    >img {
                        height: 3.5rem;
                        display: block;
                    }
                }
            }
            &_goods {
                padding-left: 0.55rem;
                >div:first-child {
                    font-size: 0.73rem;
                    color: #222222;
                    width: 12.05rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 1.2rem;
                }
                >div:nth-child(2) {
                    color: #222;
                    font-size: 0.625rem;
                    line-height: 1.4rem;
                }
                >div:last-child {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    >div:first-child {
                        >span:first-child {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                        >span:nth-child(2) {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                    }
                    >div:last-child {
                        position: relative;
                        top: -0.2rem;
                        font-size: 0.625rem;
                        color: #222;
                        padding: 0.25rem 0.4rem;
                        text-align: center;
                        border-radius: 0.55rem;
                        border: 0.05rem solid #e5e5e5;
                    }
                }
                &_hd {
                    font-size: 0.6rem;
                    color: #222222;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
            }
            &_customer {
                height: 2.25rem;
                line-height: 2.25rem;
                text-align: center;
                font-size: 0.73rem;
                color: #222;
                >i {
                    color: #fa0000;
                }
                >span {
                    display: inline-block;
                    padding-left: 0.25rem;
                }
            }
        }
    }
    &_orderInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0.45rem 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.73rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.73rem;
                color: #222;
            }
        }
    }
    &_priceInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        margin-bottom: 3.4rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.7rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.8rem;
                color: #222;
            }
        }
        &_allPrice {
            height: 2.25rem;
            line-height: 2.25rem;
            text-align: right;
            border-top: 0.05rem solid #f8f8f8;
            >span:first-child {
                font-size: 0.7rem;
                color: #222222;
            }
            >span:nth-child(2) {
                font-size: 0.86rem;
                color: #fa0000;
            }
            >span:last-child {
                font-size: 0.65rem;
                color: #fa0000;
                display: inline-block;
                padding-left: 0.2rem;
            }
        }
    }
    &_operationbar {
        padding: 0 0.7rem;
        height: 2.75rem;
        line-height: 2.75rem;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        align-items: center;
        >div:first-child {
            padding-left: 0.55rem;
            font-size: 0.73rem;
            color: #222;
        }
        &_entryBtn {
            width: 4.4rem;
            height: 1.6rem;
            text-align: center;
            color: #fff;
            font-size: 0.73rem;
            border-radius: 0.8rem;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
            /* 标准的语法 */
        }
        &_buyAgainBtn {
            width: 4.3rem;
            height: 1.5rem;
            text-align: center;
            border: 0.05rem solid #d3d3d3;
            font-size: 0.73rem;
            color: #222;
            border-radius: 0.7rem;
            margin-right: 0.7rem;
        }
    }
}

.orderCompleteDetail {
    &_topInfo {
        position: relative;
        >img,
        >div {
            height: 5.7rem;
            width: 100%;
            display: block;
        }
        >div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 1;
            color: #fff;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            >div:first-child {
                padding-left: 1.2rem;
                padding-top: 1.4rem;
                >span {
                    font-size: 0.93rem;
                    color: #fff;
                    display: inline-block;
                    padding-left: 0.6rem;
                }
            }
        }
        &_leftIcon {
            .mk_icon {
                font-size: 1rem;
                color: #fff;
                position: relative;
            }
        }
    }
    &_card {
        padding: 0 0.7rem;
        margin-bottom: -2.05rem;
        background-color: #f4f5f7;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            position: relative;
            top: -2.05rem;
            left: 0;
            padding: 1.25rem 0.75rem 1.1rem 0.55rem;
            &_logistics {
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 2rem;
                >div {
                    height: 2.3rem;
                }
                >div:first-child {
                    >i {
                        font-size: 0.85rem;
                        color: #222;
                        position: relative;
                        top: -0.1rem;
                    }
                }
                >div:last-child {
                    width: 100%;
                    >span {
                        display: inline-block;
                        padding-left: 0.3rem;
                        font-size: 0.7rem;
                        color: #222;
                        padding-right: 0.5rem;
                    }
                }
                &_rightIcon {
                    margin: 0;
                    text-align: right;
                    position: absolute;
                    right: 0rem;
                    top: 50%;
                    transform: translate(0, -50%);
                    >i {
                        font-size: 0.6rem;
                        color: #222;
                    }
                }
                &_time {
                    margin: 0;
                    margin-bottom: 0.5rem;
                    padding-left: 0.3rem;
                }
            }
            &_userInfo {
                >span {
                    font-weight: 600;
                    font-size: 0.83rem;
                    color: #222;
                }
            }
            &_userName {
                display: inline-block;
                padding-left: 0.4rem;
                padding-right: 1.15rem;
            }
            &_address {
                >p {
                    margin: 0;
                    margin-top: 0.45rem;
                    padding-left: 1.2rem;
                    line-height: 1.1rem;
                    font-size: 0.65rem;
                    color: #222;
                }
            }
        }
    }
    &_goodsInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            .mk_item {
                padding: 0rem;
            }
            &_title {
                padding-left: 0.55rem;
                padding-right: 0.75rem;
                height: 2.05rem;
                line-height: 2.05rem;
                border-bottom: 0.05rem solid #f4f4f4;
                >span {
                    font-size: 0.73rem;
                    font-weight: 600;
                    color: #222;
                    display: inline-block;
                    padding-left: 0.4rem;
                }
                >i {
                    display: inline-block;
                    line-height: 2.05rem;
                    position: relative;
                    top: 0.05rem;
                }
            }
            &_goodsWrap {
                padding: 0.75rem 0.75rem 0.75rem 0.55rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                border-bottom: 0.05rem solid #f4f4f4;
                >div:first-child {
                    >img {
                        height: 3.5rem;
                        display: block;
                    }
                }
            }
            &_goods {
                padding-left: 0.55rem;
                >div:first-child {
                    font-size: 0.73rem;
                    color: #222222;
                    width: 12.05rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 1.2rem;
                }
                >div:nth-child(2) {
                    color: #222;
                    font-size: 0.625rem;
                    line-height: 1.4rem;
                }
                >div:last-child {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    >div:first-child {
                        >span:first-child {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                        >span:nth-child(2) {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                    }
                    >div:last-child {
                        position: relative;
                        top: -0.2rem;
                        font-size: 0.625rem;
                        color: #222;
                        padding: 0.25rem 0.4rem;
                        text-align: center;
                        border-radius: 0.55rem;
                        border: 0.05rem solid #e5e5e5;
                    }
                }
                &_hd {
                    font-size: 0.6rem;
                    color: #222222;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
            }
            &_customer {
                height: 2.25rem;
                line-height: 2.25rem;
                text-align: center;
                font-size: 0.73rem;
                color: #222;
                >i {
                    color: #fa0000;
                }
                >span {
                    display: inline-block;
                    padding-left: 0.25rem;
                }
            }
        }
    }
    &_orderInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0.45rem 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.73rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.73rem;
                color: #222;
            }
        }
    }
    &_priceInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        margin-bottom: 3.4rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.7rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.8rem;
                color: #222;
            }
        }
        &_allPrice {
            height: 2.25rem;
            line-height: 2.25rem;
            text-align: right;
            border-top: 0.05rem solid #f8f8f8;
            >span:first-child {
                font-size: 0.7rem;
                color: #222222;
            }
            >span:nth-child(2) {
                font-size: 0.86rem;
                color: #fa0000;
            }
            >span:last-child {
                font-size: 0.65rem;
                color: #fa0000;
                display: inline-block;
                padding-left: 0.2rem;
            }
        }
    }
    &_operationbar {
        padding: 0 0.7rem;
        height: 2.75rem;
        line-height: 2.75rem;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        &_deleteBtn {
            padding-left: 0.55rem;
            font-size: 0.73rem;
            color: #222;
            border: none;
        }
        &_applyBtn {
            width: 4.3rem;
            height: 1.5rem;
            text-align: center;
            border: 0.05rem solid #d3d3d3;
            font-size: 0.73rem;
            color: #222;
            border-radius: 0.7rem;
            margin-right: 0.7rem;
        }
        &_buyAgainBtn {
            width: 4.3rem;
            height: 1.5rem;
            text-align: center;
            border: 0.05rem solid #d3d3d3;
            font-size: 0.73rem;
            color: #222;
            border-radius: 0.7rem;
            margin-right: 0.7rem;
        }
    }
}

.orderCancelDetail {
    &_topInfo {
        position: relative;
        >img,
        >div {
            height: 5.7rem;
            width: 100%;
            display: block;
        }
        >div {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 1;
            color: #fff;
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            >div:first-child {
                padding-left: 1.2rem;
                padding-top: 1.4rem;
                >span {
                    font-size: 0.93rem;
                    color: #fff;
                    display: inline-block;
                    padding-left: 0.6rem;
                }
            }
        }
        &_leftIcon {
            .mk_icon {
                font-size: 1rem;
                color: #fff;
                position: relative;
            }
        }
    }
    &_card {
        padding: 0 0.7rem;
        margin-bottom: -2.05rem;
        background-color: #f4f5f7;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            position: relative;
            top: -2.05rem;
            left: 0;
            padding: 1.25rem 0.75rem 1.1rem 0.55rem;
            &_logistics {
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                position: relative;
                margin-bottom: 2rem;
                >div:first-child {
                    >i {
                        font-size: 0.85rem;
                        color: #222;
                        position: relative;
                        top: -0.1rem;
                    }
                }
                >div:last-child {
                    width: 100%;
                    >span {
                        display: inline-block;
                        padding-left: 0.3rem;
                        font-size: 0.7rem;
                        color: #222;
                        padding-right: 0.5rem;
                    }
                }
                &_rightIcon {
                    margin: 0;
                    text-align: right;
                    position: absolute;
                    right: 0rem;
                    top: 50%;
                    transform: translate(0, -50%);
                    >i {
                        font-size: 0.6rem;
                        color: #222;
                    }
                }
                &_time {
                    margin: 0;
                    margin-bottom: 0.5rem;
                    padding-left: 0.3rem;
                }
            }
            &_userInfo {
                >span {
                    font-weight: 600;
                    font-size: 0.83rem;
                    color: #222;
                }
            }
            &_userName {
                display: inline-block;
                padding-left: 0.4rem;
                padding-right: 1.15rem;
            }
            &_address {
                >p {
                    margin: 0;
                    margin-top: 0.45rem;
                    padding-left: 1.2rem;
                    line-height: 1.1rem;
                    font-size: 0.65rem;
                    color: #222;
                }
            }
        }
    }
    &_goodsInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            .mk_item {
                padding: 0rem;
            }
            &_title {
                padding-left: 0.55rem;
                padding-right: 0.75rem;
                height: 2.05rem;
                line-height: 2.05rem;
                border-bottom: 0.05rem solid #f4f4f4;
                >span {
                    font-size: 0.73rem;
                    font-weight: 600;
                    color: #222;
                    display: inline-block;
                    padding-left: 0.4rem;
                }
                >i {
                    display: inline-block;
                    line-height: 2.05rem;
                    position: relative;
                    top: 0.05rem;
                }
            }
            &_goodsWrap {
                padding: 0.75rem 0.75rem 0.75rem 0.55rem;
                display: flex;
                display: -webkit-flex;
                justify-content: flex-start;
                border-bottom: 0.05rem solid #f4f4f4;
                >div:first-child {
                    >img {
                        height: 3.5rem;
                        display: block;
                    }
                }
            }
            &_goods {
                padding-left: 0.55rem;
                >div:first-child {
                    font-size: 0.73rem;
                    color: #222222;
                    width: 12.05rem;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    line-height: 1.2rem;
                }
                >div:nth-child(2) {
                    color: #222;
                    font-size: 0.625rem;
                    line-height: 1.4rem;
                }
                >div:last-child {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    >div:first-child {
                        >span:first-child {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                        >span:nth-child(2) {
                            font-size: 0.8rem;
                            color: #222222;
                        }
                    }
                    >div:last-child {
                        position: relative;
                        top: -0.2rem;
                        font-size: 0.625rem;
                        color: #222;
                        padding: 0.25rem 0.4rem;
                        text-align: center;
                        border-radius: 0.55rem;
                        border: 0.05rem solid #e5e5e5;
                    }
                }
                &_hd {
                    font-size: 0.6rem;
                    color: #222222;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
            }
            &_customer {
                height: 2.25rem;
                line-height: 2.25rem;
                text-align: center;
                font-size: 0.73rem;
                color: #222;
                >i {
                    color: #fa0000;
                }
                >span {
                    display: inline-block;
                    padding-left: 0.25rem;
                }
            }
        }
    }
    &_orderInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0.45rem 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.73rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.73rem;
                color: #222;
            }
        }
    }
    &_priceInfo {
        margin-top: 0.5rem;
        padding: 0 0.7rem;
        margin-bottom: 3.4rem;
        &_container {
            background-color: #fff;
            border-radius: 0.3rem;
            padding: 0.45rem 0.75rem 0 0.55rem;
            .mk_item {
                padding: 0;
            }
            .mk_item::after {
                background-color: #fff;
            }
            &_itemtitle {
                font-size: 0.7rem;
                color: #222;
            }
            &_itemtValue {
                font-size: 0.8rem;
                color: #222;
            }
        }
        &_allPrice {
            height: 2.25rem;
            line-height: 2.25rem;
            text-align: right;
            border-top: 0.05rem solid #f8f8f8;
            >span:first-child {
                font-size: 0.7rem;
                color: #222222;
            }
            >span:nth-child(2) {
                font-size: 0.86rem;
                color: #fa0000;
            }
            >span:last-child {
                font-size: 0.65rem;
                color: #fa0000;
                display: inline-block;
                padding-left: 0.2rem;
            }
        }
    }
    &_operationbar {
        padding: 0 0.7rem;
        height: 2.75rem;
        line-height: 2.75rem;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        >div:first-child {
            padding-left: 0.55rem;
            font-size: 0.73rem;
            color: #222;
        }
        &_buyAgainBtn {
            width: 4.4rem;
            height: 1.6rem;
            text-align: center;
            color: #fff;
            font-size: 0.73rem;
            border-radius: 0.8rem;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
            /* 标准的语法 */
        }
    }
}

.orderLogistics {
    &_topInfo {
        padding: 0 0.7rem;
        padding-bottom: 0.75rem;
        background-color: #fff;
        p {
            margin: 0;
            padding-top: 0.75rem;
        }
    }
    &_stepInfo {
        margin-top: 0.5rem;
        padding: 0.7rem;
        background-color: #fff;
        .am-steps-item-finish .am-steps-item-tail:after {
            background-color: #ddd;
        }
        &_title {
            font-size: 0.7rem;
            color: #222;
            padding-top: 0.1rem;
        }
        &_time {
            font-size: 0.7rem;
            color: #999;
        }
    }
    &_stepIcon {
        &_default {
            display: inline-block;
            margin-left: 0.38rem;
            height: 0.4rem;
            width: 0.4rem;
            border-radius: 50%;
            background-color: #e3e5e9;
        }
        &_active {
            display: inline-block;
            margin-left: 0.31rem;
            height: 0.55rem;
            width: 0.55rem;
            border-radius: 50%;
            background-color: #fa0000;
            border: 0.15rem solid #fecccc;
        }
    }
}

.returnpolicy {
    &_NavTitle {
        font-size: 0.97rem;
        color: #222;
    }
    &_tabs {
        .am-tabs-tab-bar-wrap {
            position: fixed;
            top: 2.5rem;
            width: 100%;
            z-index: 1;
            height: 2rem;
            line-height: 2rem;
        }
        .am-tabs-default-bar-underline {
            border: none;
        }
        .am-tabs-default-bar-content {
            border: none;
            position: relative;
        }
        .am-tabs-default-bar-content:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            height: 0.05rem;
            background-color: #fafafa;
            width: 100%;
        }
        .am-tabs-default-bar-top .am-tabs-default-bar-tab,
        .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
            padding: 0;
            height: 2rem;
        }
    }
    &_search {
        height: 2.4rem;
        background-color: #fff;
        padding: 0 0.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1;
        &_btn {
            width: 100%;
            background-color: #f5f5f5;
            font-size: 0.65rem;
            color: #bbbbbb;
        }
        &_btn::-webkit-input-placeholder {
            color: #222;
            font-size: 0.65rem;
        }
    }
    &_customerService {
        padding-top: 2rem;
        &_order {
            margin-top: 0.4rem;
            .mk_item {
                padding: 0;
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                &_shopIcon {
                    font-size: 0.9rem;
                    font-weight: 600;
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    top: 0.1rem;
                }
                &_text {
                    font-size: 0.72rem;
                    color: #222;
                    font-weight: 600;
                    display: inline-block;
                    padding-left: 0.3rem;
                }
                &_rightIcon {
                    position: relative;
                    top: -0.1rem;
                    font-weight: 600;
                    font-size: 0.3rem;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
            }
            &_goods {
                padding: 0.5rem 0.7rem 0.75rem 0.75rem;
                background-color: #fff;
                display: flex;
                justify-content: flex-start;
                &_img {
                    >img {
                        height: 3.55rem;
                        display: block;
                    }
                }
                &_info {
                    width: 100%;
                    padding-left: 0.75rem;
                    &_title {
                        font-size: 0.73rem;
                        color: #222;
                    }
                    &_num {
                        margin-top: 0.75rem;
                        position: relative;
                        height: 2.65rem;
                        border-bottom: 0.05rem solid #f2f2f2;
                        >span:first-child {
                            font-size: 0.66rem;
                            color: #999;
                        }
                        >span:last-child {
                            position: absolute;
                            right: 0;
                            top: 0;
                            font-size: 0.73rem;
                            color: #fa0000;
                            border-radius: 0.75rem;
                            border: 0.05rem solid #fa0000;
                            height: 1.5rem;
                            line-height: 1.5rem;
                            width: 4.25rem;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
    &_handling {
        padding-top: 2.2rem;
        &_order {
            margin-top: 0.4rem;
            .mk_item {
                padding: 0;
            }
            &_title {
                padding: 0 0.7rem;
                height: 2rem;
                line-height: 2rem;
                font-size: 0.7rem;
                color: #666666;
            }
            &_value {
                padding-right: 0.7rem;
                font-weight: 600;
                >i {
                    font-size: 0.7rem;
                }
                >span {
                    font-size: 0.7rem;
                    color: #222;
                    display: inline-block;
                    padding-left: 0.2rem;
                }
                &_colorRed {
                    color: #fa0000;
                }
                &_colorOrange {
                    color: #ff8400;
                }
            }
            &_goods {
                padding: 0.5rem 0.7rem 0.75rem 0.75rem;
                background-color: #fff;
                display: flex;
                justify-content: flex-start;
                &_img {
                    >img {
                        height: 3.55rem;
                        display: block;
                    }
                }
                &_info {
                    width: 100%;
                    padding-left: 0.75rem;
                    &_title {
                        font-size: 0.73rem;
                        color: #222;
                    }
                    &_num {
                        margin-top: 0.75rem;
                        >span:first-child {
                            font-size: 0.66rem;
                            color: #999;
                        }
                    }
                }
            }
            &_process {
                height: 3.15rem;
                line-height: 3.15rem;
                width: 100%;
                padding: 0 0.75rem;
                background-color: #fff;
                position: relative;
                >div {
                    background-color: #f2f2f2;
                    height: 100%;
                    display: flex;
                    justify-content: flex-start;
                    border-radius: 0.3rem;
                    position: relative;
                    >div:first-child {
                        width: 4.3rem;
                        text-align: center;
                        font-size: 0.66rem;
                        color: #222;
                    }
                    >div:last-child {
                        display: flex;
                        align-items: center;
                        >p {
                            margin: 0;
                            font-size: 0.625rem;
                            color: #888;
                            padding-right: 1.45rem;
                            line-height: 1.1rem;
                        }
                    }
                }
                >i {
                    font-size: 0.6rem;
                    color: #aaa;
                    position: absolute;
                    right: 1.45rem;
                    top: 0;
                }
            }
            &_operation {
                padding-right: 0.7rem;
                height: 2.65rem;
                display: flex;
                justify-content: flex-end;
                line-height: 2.65rem;
                align-items: center;
                background-color: #fff;
                .am-button:before {
                    border: none !important;
                }
                &_cancel {
                    font-size: 0.73rem;
                    color: #222;
                    height: 1.5rem;
                    width: 4.2rem;
                    text-align: center;
                    border-radius: 1.5rem;
                    border: 0.05rem solid #c9c9c9 !important;
                    margin-left: 0.4rem;
                }
                &_writebtn {
                    font-size: 0.73rem;
                    color: #fa0000;
                    height: 1.5rem;
                    width: 4.85rem;
                    text-align: center;
                    border-radius: 1.5rem;
                    border: 0.05rem solid #fa0000;
                    margin-left: 0.4rem;
                }
            }
        }
    }
}

.customerService {
    &_goodsWrap {
        padding: 0.75rem 0.7rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        background-color: #fff;
        border-bottom: 0.05rem solid #f2f2f2;
        &_goodsImg {
            >img {
                height: 3.5rem;
                display: block;
            }
        }
        &_goodsInfo {
            padding-left: 0.75rem;
        }
        &_goodsTitle {
            font-size: 0.625rem;
            color: #888;
            line-height: 1rem;
        }
        &_goodsSpec {
            padding-top: 0.75rem;
            display: flex;
            justify-content: flex-start;
            >div {
                font-size: 0.625rem;
                color: #999;
                margin-right: 0.75rem;
            }
        }
    }
    &_number {
        &_item {
            height: 3rem;
            line-height: 3rem;
            .mk_icon_reduce {
                font-weight: 600;
                color: #dadada;
            }
            .mk_icon_plus {
                font-weight: 600;
                color: #222;
            }
            &_title {
                font-size: 0.76rem;
                color: #222;
                font-weight: 600;
            }
        }
    }
    &_selectWrap {
        padding: 0.45rem;
        &_item {
            height: 3.6rem;
            line-height: 3.6rem;
            >div {
                border-bottom: 0.05rem solid #eee;
            }
        }
        .mk_item {
            padding-left: 0 0.75rem;
        }
        .mk_item:after {
            height: 0rem;
        }
        &_title {
            font-size: 0.83rem;
            color: #222;
            display: flex;
            justify-content: flex-start;
            >span {
                display: inline-block;
                padding-left: 0.5rem;
            }
            &_change {
                color: #ff8400;
                font-size: 1.15rem;
                height: 100%;
                display: block;
                vertical-align: middle;
                text-align: center;
            }
            &_return {
                color: #fa0000;
                font-size: 1.15rem;
                height: 100%;
                display: block;
                vertical-align: middle;
                text-align: center;
            }
        }
        &_value {
            font-size: 0.6rem;
            color: #888;
            display: flex;
            justify-content: flex-end;
            .mk_icon {
                font-size: 0.6rem;
                display: block;
                padding-left: 0.5rem;
            }
        }
    }
}

.customerServiceDetail {
    &_goodsWrap {
        padding: 0.75rem 0.7rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        background-color: #fff;
        border-bottom: 0.05rem solid #f2f2f2;
        &_goodsImg {
            >img {
                height: 3.5rem;
                display: block;
            }
        }
        &_goodsInfo {
            padding-left: 0.75rem;
        }
        &_goodsTitle {
            font-size: 0.625rem;
            color: #888;
            line-height: 1rem;
        }
        &_goodsSpec {
            padding-top: 0.75rem;
            display: flex;
            justify-content: flex-start;
            >div {
                font-size: 0.625rem;
                color: #999;
                margin-right: 0.75rem;
            }
        }
    }
    &_applyReason {
        padding-top: 0.4rem;
        .mk_item {
            padding: 0 0.7rem;
        }
        &_item {
            height: 2.75rem;
            line-height: 2.75rem;
        }
        &_title {
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
        }
        &_icon {
            font-size: 0.625rem;
            color: #888;
            >i {
                padding-left: 0.55rem;
                display: inline-block;
            }
        }
    }
    &_reasonDesc {
        padding-top: 0.4rem;
        &_title {
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            background-color: #fff;
            padding: 1rem 0.65rem 0.45rem 0.65rem;
        }
        .am-textarea-item {
            background-color: #f6f6f6;
        }
        &_textarea {
            padding: 0 0.65rem;
            background-color: #fff;
            .am-textarea-control {
                padding: 0;
            }
            .am-textarea-control textarea {
                font-size: 0.625rem;
                color: #222;
            }
            .am-textarea-count {
                bottom: 0.5rem;
                right: 0.725rem;
            }
            &_item {
                padding: 0.7rem;
                padding-bottom: 1.3rem;
            }
        }
        &_selectImgWrap {
            background-color: #fff;
            padding-left: 0.65rem;
            padding-right: 0.65rem;
            >div:first-child {
                background-color: #f6f6f6;
                padding-bottom: 0.7rem;
                padding-left: 0.7rem;
            }
            &_imgWrap {
                display: inline-block;
                position: relative;
                margin-right: 0.35rem;
                margin-top: 0.35rem;
                >span {
                    position: absolute;
                    right: -0.3rem;
                    top: -0.3rem;
                    z-index: 1;
                    >img {
                        height: 0.6rem;
                        display: block;
                    }
                }
                >img {
                    height: 2.65rem;
                    width: 2.65rem;
                    display: block;
                }
            }
        }
        &_photo {
            height: 2rem;
            line-height: 2rem;
            background-color: #fff;
            position: relative;
            padding-left: 1rem;
            position: relative;
            .mk_icon {
                color: #c2c2c2;
                font-size: 1rem;
            }
            &_select {
                height: 2rem;
                width: 1rem;
                position: absolute;
                left: 1rem;
                top: 0;
                z-index: 1;
                overflow: hidden;
                opacity: 0;
            }
        }
        &_selectPhoto {
            height: 0.5rem;
            outline: 1px solid red;
        }
    }
    &_reason {
        &_top {
            height: 2.7rem;
            line-height: 2.7rem;
            border-bottom: 0.05rem solid #efefef;
            position: relative;
            >div:first-child {
                text-align: center;
                font-size: 0.73rem;
                color: #888;
            }
            >div:last-child {
                position: absolute;
                right: 0.7rem;
                top: 0;
            }
        }
        &_itemGroup {
            padding-bottom: 1.37rem;
        }
        &_item {
            padding-left: 0.7rem;
            padding-top: 1.37rem;
            font-size: 0.7rem;
            text-align: left;
        }
        &_default {
            color: #222;
        }
        &_active {
            color: #fa0000;
        }
    }
    &_refunds {
        padding-top: 0.45rem;
        >div:first-child {
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            background-color: #fff;
            padding: 1rem 0.7rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            line-height: 1rem;
            >div {
                width: 50%;
            }
            >div:last-child {
                color: #558dff;
                font-size: 0.6rem;
                text-align: right;
            }
        }
        >div:last-child {
            background-color: #fff;
            padding-bottom: 1rem;
            padding-left: 0.7rem;
            >span {
                background-color: #fef4f3;
                display: inline-block;
                padding: 0.4rem 0.7rem;
                border: 0.05rem solid #fa0000;
                border-radius: 1rem;
                text-align: center;
                color: #fa0000;
                font-size: 0.7rem;
            }
        }
    }
    &_returnWay {
        padding-top: 0.4rem;
        >div:first-child {
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            background-color: #fff;
            padding: 1rem 0.7rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            line-height: 1rem;
        }
        >div:nth-child(2) {
            background-color: #fff;
            padding-bottom: 0.725rem;
            padding-left: 0.7rem;
            >span {
                background-color: #fef4f3;
                display: inline-block;
                padding: 0.4rem 0.7rem;
                border: 0.05rem solid #fa0000;
                border-radius: 1rem;
                text-align: center;
                color: #fa0000;
                font-size: 0.7rem;
            }
        }
        >div:last-child {
            background-color: #fff;
            padding-bottom: 0.725rem;
            padding-left: 0.7rem;
            color: #999;
            font-size: 0.625rem;
            line-height: 0.9rem;
        }
    }
    &_contact {
        padding-top: 0.4rem;
        >div:first-child {
            padding: 0 0.7rem;
            background-color: #fff;
            .mk_item {
                padding: 0;
            }
        }
        &_item {
            height: 2.75rem;
            line-height: 2.75rem;
            border-bottom: 0.05rem solid #eee;
        }
        &_title {
            height: 2.75rem;
            line-height: 2.75rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            display: flex;
            justify-content: flex-start;
            >span:first-child {
                display: inline-block;
                width: 3rem;
            }
            >span:last-child {
                padding-left: 1rem;
                display: inline-block;
                font-weight: normal;
            }
        }
    }
    &_noticeInfo {
        font-size: 0.6rem;
        color: #a8a8a8;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        padding-top: 0.85rem;
        padding-bottom: 2.5rem;
    }
    &_operation {
        height: 2.5rem;
        line-height: 2.5rem;
        background-color: #fff;
        >div {
            position: fixed;
            bottom: 0;
            right: 0;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            background-color: #fff;
            width: 100%;
            height: 2.5rem;
            line-height: 2.5rem;
        }
        &_btn {
            border: none;
            font-size: 0.87rem;
            display: inline-block;
            text-align: center;
            color: #fff;
            height: 2.5rem;
            line-height: 2.5rem;
            border-radius: 0;
            width: 6.5rem;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
            /* 标准的语法 */
        }
    }
}

.barterDetail {
    &_goodsWrap {
        padding: 0.75rem 0.7rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        background-color: #fff;
        border-bottom: 0.05rem solid #f2f2f2;
        &_goodsImg {
            >img {
                height: 3.5rem;
                display: block;
            }
        }
        &_goodsInfo {
            padding-left: 0.75rem;
        }
        &_goodsTitle {
            font-size: 0.625rem;
            color: #888;
            line-height: 1rem;
        }
        &_goodsSpec {
            padding-top: 0.75rem;
            display: flex;
            justify-content: flex-start;
            >div {
                font-size: 0.625rem;
                color: #999;
                margin-right: 0.75rem;
            }
        }
    }
    &_applyReason {
        padding-top: 0.4rem;
        .mk_item {
            padding: 0 0.7rem;
        }
        &_item {
            height: 2.75rem;
            line-height: 2.75rem;
        }
        &_title {
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
        }
        &_icon {
            font-size: 0.625rem;
            color: #888;
            >i {
                padding-left: 0.55rem;
                display: inline-block;
            }
        }
    }
    &_reasonDesc {
        padding-top: 0.4rem;
        &_title {
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            background-color: #fff;
            padding: 1rem 0.65rem 0.45rem 0.65rem;
        }
        .am-textarea-item {
            background-color: #f6f6f6;
        }
        &_textarea {
            padding: 0 0.65rem;
            background-color: #fff;
            .am-textarea-control {
                padding: 0;
            }
            .am-textarea-control textarea {
                font-size: 0.625rem;
                color: #222;
            }
            .am-textarea-count {
                bottom: 0.5rem;
                right: 0.725rem;
            }
            &_item {
                padding: 0.7rem;
                padding-bottom: 1.3rem;
            }
        }
        &_photo {
            height: 2rem;
            line-height: 2rem;
            background-color: #fff;
            position: relative;
            padding-left: 1rem;
            .mk_icon {
                color: #c2c2c2;
                font-size: 1rem;
            }
        }
        &_selectPhoto {
            height: 0.5rem;
            outline: 1px solid red;
        }
    }
    &_reason {
        &_top {
            height: 2.7rem;
            line-height: 2.7rem;
            border-bottom: 0.05rem solid #efefef;
            position: relative;
            >div:first-child {
                text-align: center;
                font-size: 0.73rem;
                color: #888;
            }
            >div:last-child {
                position: absolute;
                right: 0.7rem;
                top: 0;
            }
        }
        &_itemGroup {
            padding-bottom: 1.37rem;
        }
        &_item {
            padding-left: 0.7rem;
            padding-top: 1.37rem;
            font-size: 0.7rem;
            text-align: left;
        }
        &_default {
            color: #222;
        }
        &_active {
            color: #fa0000;
        }
    }
    &_refunds {
        padding-top: 0.45rem;
        >div:first-child {
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            background-color: #fff;
            padding: 1rem 0.7rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            line-height: 1rem;
            >div {
                width: 50%;
            }
            >div:last-child {
                color: #558dff;
                font-size: 0.6rem;
                text-align: right;
            }
        }
        >div:last-child {
            background-color: #fff;
            padding-bottom: 1rem;
            padding-left: 0.7rem;
            >span {
                background-color: #fef4f3;
                display: inline-block;
                padding: 0.4rem 0.7rem;
                border: 0.05rem solid #fa0000;
                border-radius: 1rem;
                text-align: center;
                color: #fa0000;
                font-size: 0.7rem;
            }
        }
    }
    &_returnWay {
        padding-top: 0.4rem;
        >div:first-child {
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            background-color: #fff;
            padding: 1rem 0.7rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            line-height: 1rem;
        }
        >div:nth-child(2) {
            background-color: #fff;
            padding-bottom: 0.725rem;
            padding-left: 0.7rem;
            >span {
                background-color: #fef4f3;
                display: inline-block;
                padding: 0.4rem 0.7rem;
                border: 0.05rem solid #fa0000;
                border-radius: 1rem;
                text-align: center;
                color: #fa0000;
                font-size: 0.7rem;
            }
        }
        >div:last-child {
            background-color: #fff;
            padding-bottom: 0.725rem;
            padding-left: 0.7rem;
            color: #999;
            font-size: 0.625rem;
            line-height: 0.9rem;
        }
    }
    &_contact {
        padding-top: 0.4rem;
        >div {
            padding: 0 0.7rem;
            background-color: #fff;
            .mk_item {
                padding: 0;
            }
        }
        &_item {
            height: 2.75rem;
            line-height: 2.75rem;
            border-bottom: 0.05rem solid #eee;
        }
        &_title {
            height: 2.75rem;
            line-height: 2.75rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            display: flex;
            justify-content: flex-start;
            >span:first-child {
                display: inline-block;
                width: 3rem;
            }
            >span:last-child {
                padding-left: 1rem;
                display: inline-block;
                font-weight: normal;
            }
        }
        &_addressWrap {
            >div:first-child {
                font-size: 0.76rem;
                background-color: #fff;
                color: #222;
                font-weight: 600;
                padding-top: 1rem;
                padding-bottom: 0.6rem;
            }
            >div:last-child {
                display: flex;
                justify-content: flex-start;
                padding-bottom: 0.9rem;
                >div:nth-child(2) {
                    font-size: 0.73rem;
                    color: #888888;
                    padding-left: 0.2rem;
                    line-height: 1.2rem;
                    padding-right: 0.6rem;
                }
            }
        }
    }
    &_noticeInfo {
        font-size: 0.6rem;
        color: #a8a8a8;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        padding-top: 0.85rem;
        padding-bottom: 2.5rem;
    }
    &_operation {
        height: 2.5rem;
        line-height: 2.5rem;
        background-color: #fff;
        >div {
            position: fixed;
            bottom: 0;
            right: 0;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            background-color: #fff;
            width: 100%;
            height: 2.5rem;
            line-height: 2.5rem;
        }
        &_btn {
            border: none;
            font-size: 0.87rem;
            display: inline-block;
            text-align: center;
            color: #fff;
            height: 2.5rem;
            line-height: 2.5rem;
            border-radius: 0;
            width: 6.5rem;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
            /* 标准的语法 */
        }
    }
}

.customerServiceResult {
    height: 100vh;
    background-color: #fff;
    &_resultImg {
        padding-top: 4.55rem;
        display: flex;
        justify-content: center;
        align-items: center;
        >img {
            height: 5.4rem;
            display: block;
        }
    }
    &_resultText {
        padding-top: 1.3rem;
        display: flex;
        justify-content: center;
        >div {
            display: inline-block;
            >p {
                margin: 0;
            }
            >p:first-child {
                font-size: 0.83rem;
                color: #222;
                margin-bottom: 0.85rem;
            }
            >p:nth-child(2) {
                font-size: 0.66rem;
                color: #222;
                margin-bottom: 0.6rem;
                >span {
                    color: #fa0000;
                }
            }
            >p:last-child {
                font-size: 0.66rem;
                color: #222;
                >span {
                    color: #fa0000;
                }
            }
        }
    }
    &_operation {
        display: flex;
        justify-content: center;
        margin-top: 4.2rem;
    }
    &_btn {
        width: 6.25rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        font-size: 0.7rem;
        color: #666;
    }
    &_btn:last-child {
        margin-left: 0.9rem;
    }
}

.customerServiceResult {
    &_stepInfo {
        margin-top: 0.5rem;
        padding: 0.7rem;
        background-color: #fff;
        .am-steps-item-finish .am-steps-item-tail:after {
            background-color: #ddd;
        }
        .am-steps-item-description {
            padding-bottom: 1rem;
            border-bottom: 0.05rem solid #f8f8f9;
        }
        &_title {
            &_active {
                font-size: 0.66rem;
                color: #222;
                padding-top: 0.1rem;
            }
            &_default {
                font-size: 0.66rem;
                color: #a7a7a7;
                padding-top: 0.1rem;
            }
        }
        &_time {
            >p {
                margin: 0;
                font-size: 0.7rem;
                color: #999;
                font-weight: normal;
            }
        }
    }
    &_stepIcon {
        &_default {
            display: inline-block;
            margin-left: 0.38rem;
            height: 0.4rem;
            width: 0.4rem;
            border-radius: 50%;
            background-color: #e3e5e9;
        }
        &_active {
            display: inline-block;
            margin-left: 0.31rem;
            height: 0.55rem;
            width: 0.55rem;
            border-radius: 50%;
            background-color: #fa0000;
            border: 0.15rem solid #fecccc;
        }
    }
}

.invoice {
    &_fs76 {
        font-size: 0.76rem;
    }
    &_fs7 {
        font-size: 0.7rem;
    }
    &_fs5 {
        font-size: 0.5rem;
    }
    &_fs625 {
        font-size: 0.625rem;
    }
    &_borderNone:after {
        background: #fff !important;
    }
    &_item {
        .mk_item {
            padding: 0;
        }
        height: 2.6rem;
        line-height: 2.6rem;
        background-color: #fff;
        color: #222;
        &_title {
            >span {
                color: #fa0000;
            }
            >p {
                margin: 0;
                color: #888;
                display: inline-block;
            }
            input {
                border: 0;
                color: #888;
            }
        }
        &_icon {
            .mk_icon {
                font-size: 0.5rem;
            }
            >i {
                color: #c5c5c5;
            }
        }
    }
    .no_border {
        &::after {
            height: 0;
            border-bottom: 0;
        }
    }
    &_item:after {
        left: 0;
    }
    &_notice {
        padding: 0.9rem 0.7rem;
        >p {
            margin: 0;
            color: #888888;
            line-height: 1rem;
        }
    }
    &_packageGoods {
        height: 2.1rem;
        line-height: 2.1rem;
        background-color: #fff;
        color: #222;
        .mk_item {
            padding: 0;
        }
    }
    &_goodsInfo {
        height: 4.4rem;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-start;
        padding: 0 0.7rem;
        background-color: #fff;
        >div:first-child {
            >img {
                height: 3.55rem;
                display: block;
            }
        }
        >div:last-child {
            padding-left: 0.7rem;
            >div:first-child {
                font-size: 0.73rem;
                color: #222;
                line-height: 1rem;
            }
            >div:last-child {
                font-size: 0.66rem;
                color: #999;
                padding-top: 0.7rem;
            }
        }
    }
    &_savebtn {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        &_item {
            width: 9rem;
            border: 0;
            height: 1.75rem;
            color: #fff;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
            /* 标准的语法 */
        }
    }
}

.serviceListApproval {
    &_pd {
        padding: 0 0.7rem;
    }
    &_provideInfo {
        height: 2.25rem;
        font-size: 0.7rem;
        color: #222;
        padding-top: 0.725rem;
        >span {
            font-size: 0.7rem;
            color: #fa0000;
        }
    }
    &_status {
        height: 4.6rem;
        position: relative;
        >img {
            height: 4.6rem;
            width: 100%;
            display: block;
        }
        >div {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            color: #fff;
            width: 100%;
        }
        &_title {
            padding: 0.7rem 0;
            font-size: 0.9rem;
            font-weight: 600;
            >span {
                display: inline-block;
                padding-left: 0.4rem;
            }
        }
        &_text {
            font-size: 0.625rem;
            font-weight: 600;
        }
        &_time {
            font-size: 0.625rem;
            font-weight: 600;
            padding-top: 0.35rem;
        }
    }
    &_orderInfo {
        margin-top: 0.4rem;
        padding: 0.9rem 0.7rem;
        background-color: #fff;
        >p {
            font-size: 0.7rem;
            color: #222;
            margin: 0;
            >span {
                color: #888;
            }
        }
        >p:last-child {
            margin-top: 0.7rem;
        }
    }
    &_processInfo {
        margin-top: 0.45rem;
        background-color: #fff;
        .mk_item:after {
            left: 0;
        }
        &_title {
            font-size: 0.76rem;
            color: #222;
        }
        &_Item {
            height: 2.6rem;
            padding: 0 0.7rem;
            .mk_item:after {
                background: #fff;
            }
        }
        &_value {
            font-size: 0.7rem;
            color: #222;
            border: 0.05rem solid #b0b0b0;
            border-radius: 0.2rem;
            padding: 0.2rem 0.4rem;
        }
        &_img {
            padding: 0 0.7rem;
            height: 6.3rem;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
        }
        &_content {
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            position: relative;
            >div {
                width: 3rem;
                text-align: center;
                padding-top: 2.35rem;
                >p {
                    margin: 0;
                    margin-top: 0.3rem;
                    line-height: 1rem;
                }
            }
            >div:nth-child(2) {
                position: absolute;
                left: 1.5rem;
                top: 0;
                z-index: 1;
                height: 100%;
                width: 4.25rem;
                >div {
                    height: 1.2rem;
                    line-height: 1.2rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    >span {
                        display: inline-block;
                        height: 0.6rem;
                        width: 0.6rem;
                        background-color: #fa0000;
                        border-radius: 50%;
                        color: #fff;
                        text-align: center;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        .mk_icon {
                            font-size: 0.4rem;
                        }
                        >i {
                            height: 0.6rem;
                            line-height: 0.6rem;
                            width: 0.6rem;
                        }
                        >span {
                            height: 0.8rem;
                            line-height: 0.8rem;
                            width: 2.05rem;
                            display: inline-block;
                            background-color: #fa0000;
                            color: #fff;
                            text-align: center;
                            position: absolute;
                            bottom: 0.95rem;
                            border-radius: 0.8rem;
                            font-size: 0.5rem;
                            padding-top: 0.1rem;
                        }
                        >span:after {
                            content: '';
                            position: absolute;
                            top: 100%;
                            left: 50%;
                            border-left: 0.25rem solid transparent;
                            border-right: 0.25rem solid transparent;
                            border-top: 0.25rem solid #fa0000;
                            width: 0;
                            transform: translateX(-50%);
                        }
                    }
                    >span:after {
                        content: '';
                        position: absolute;
                        width: 0.725rem;
                        background-color: #cbcbcb;
                        height: 0.1rem;
                        z-index: 1;
                        left: 100%;
                        top: 50%;
                        border-bottom-right-radius: 0.2rem;
                        border-top-right-radius: 0.2rem;
                    }
                    >span:before {
                        content: '';
                        position: absolute;
                        width: 0.725rem;
                        background-color: #fa0000;
                        height: 0.1rem;
                        z-index: 1;
                        right: 100%;
                        top: 50%;
                        border-bottom-left-radius: 0.2rem;
                        border-top-left-radius: 0.2rem;
                    }
                }
            }
            >div:first-child {
                margin-right: 0.625rem;
                >i {
                    font-size: 1.2rem;
                    color: #fa0000;
                }
            }
            >div:last-child {
                margin-left: 0.625rem;
                >i {
                    font-size: 1.2rem;
                    color: #aaa;
                }
            }
        }
        &_text {
            font-size: 0.66rem;
            columns: #222;
            padding: 0 0.7rem;
            padding-top: 0.4rem;
            padding-bottom: 0.65rem;
        }
    }
    &_problemDesc {
        .mk_item:after {
            left: 0;
        }
        margin-top: 0.5rem;
    }
    &_listDetail {
        margin-top: 0.55rem;
        margin-bottom: 0.55rem;
        background-color: #fff;
        >p {
            margin: 0;
            padding: 0 0.7rem;
            padding-top: 1.1rem;
            >span:first-child {
                font-size: 0.7rem;
                color: #999;
                width: 3.5rem;
                display: inline-block;
            }
            >span:last-child {
                color: #222;
                display: inline-block;
                padding-left: 0.5rem;
            }
        }
        >p:last-child {
            padding-bottom: 1.1rem;
        }
    }
    &_operationWrap {
        height: 2.75rem;
        line-height: 2.75rem;
        background-color: #fff;
    }
    &_operation {
        width: 100%;
        height: 2.75rem;
        position: fixed;
        left: 0;
        bottom: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #fff;
        padding: 0 0.7rem;
        &_btn {
            height: 1.7rem;
            font-size: 0.7rem;
            color: #222;
            border-radius: 0.2rem;
            border: 0.05rem solid #999999;
            margin-left: 0.45rem;
        }
        &_edit {}
        &_cancel {}
    }
}

.serviceListHandle {
    &_pd {
        padding: 0 0.7rem;
    }
    &_provideInfo {
        height: 2.25rem;
        font-size: 0.7rem;
        color: #222;
        padding-top: 0.725rem;
        >span {
            font-size: 0.7rem;
            color: #fa0000;
        }
    }
    &_processTop {
        position: relative;
        >img {
            height: 5.3rem;
            display: block;
            width: 100%;
        }
        &_stepWrap {
            position: absolute;
            left: 0.7rem;
            right: 0.7rem;
            top: 0;
        }
        &_status {
            font-size: 0.9rem;
            color: #fff;
            font-weight: 600;
            padding-top: 0.725rem;
            padding-bottom: 0.4rem;
        }
        &_process {
            overflow: auto;
            overflow-x: scroll;
            &_item {
                position: relative;
            }
            .mk_icon {
                font-size: 0.5rem;
            }
            .am-steps-small .am-steps-item-icon {}
            .am-steps-label-vertical .am-steps-item-content {
                display: flex;
                justify-content: flex-start;
                margin-top: 0rem;
            }
            .am-steps-label-vertical .am-steps-item-title {
                display: inline-block;
                font-size: 0.59rem;
                color: #fff;
                font-weight: normal;
            }
            .am-steps-item-wait {
                .am-steps-item-content {
                    .am-steps-item-title {
                        color: rgba(255, 255, 255, .3);
                    }
                }
            }
            .am-steps-label-vertical .am-steps-item {
                width: 3.85rem !important;
            }
            .am-steps-item-tail {
                margin: 0 !important;
                padding-left: 0.5%rem !important;
                padding-right: 0 !important;
                width: 95% !important;
                height: 0.125rem !important;
            }
            .am-steps-item-finish .am-steps-item-tail:after {
                background-color: #fff;
            }
            .am-steps-small .am-steps-item-tail:after {
                width: calc(100% + 0.9rem);
                left: -0.51rem;
            }
            .am-steps-item-tail:after {
                background-color: rgba(255, 255, 255, .3);
            }
            .am-steps-item-wait .am-steps-item-tail:after {
                background-color: rgba(255, 255, 255, .3);
            }
            .am-steps-item-wait .am-steps-item-icon>.am-steps-icon {
                color: rgba(255, 255, 255, .3);
            }
            .am-steps-item-custom.am-steps-item-process .am-steps-item-icon>.am-steps-icon {
                color: #fff;
            }
            .am-steps-item-finish .am-steps-item-icon>.am-steps-icon {
                color: #fff;
            }
            .am-steps-item-icon {
                margin: 0 !important;
            }
            .am-steps {
                .am-steps-item:last-child {
                    width: 1.2rem !important;
                    >.am-steps-item-content {
                        width: 1.2rem !important;
                    }
                }
            }
        }
    }
    &_infoCardWrap {
        height: 3.2rem;
        padding: 0 0.7rem;
        margin-bottom: -1.05rem;
    }
    &_infoCard {
        background-color: #fff;
        height: 100%;
        position: relative;
        top: -1.05rem;
        padding: 0.8rem;
        border-radius: 0.35rem;
        position: relative;
        >div {
            >p {
                margin: 0;
                font-size: 0.67rem;
                color: #222;
                padding-bottom: 0.25rem;
                >span {
                    color: #fa0000;
                }
            }
        }
        >div:last-child {
            height: 100%;
            position: absolute;
            right: 0.7rem;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            >i {
                color: #222;
            }
            .mk_icon {
                font-size: 0.5rem;
            }
        }
    }
    &_goodsReturnInfo {
        margin-top: 0.5rem;
        background-color: #fff;
        &_title {
            height: 2.65rem;
            line-height: 2.65rem;
            padding: 0 0.7rem;
            font-size: 0.76rem;
            color: #222;
            font-weight: 600;
            border-bottom: 0.05rem solid #eeeff2;
        }
        &_item {
            padding: 0 0.7rem;
            padding-top: 0.9rem;
            >div {
                font-size: 0.69rem;
                color: #888;
            }
        }
        &_address {
            line-height: 1.1rem;
        }
    }
    &_goodsReturnOrder {
        padding: 0.7rem;
        padding-bottom: 0;
        >div {
            display: flex;
            display: -webkit-flex;
            justify-content: flex-start;
            >div:first-child {
                >img {
                    height: 3.55rem;
                    display: block;
                }
            }
            >div:last-child {
                display: inline-block;
                padding-left: 0.7rem;
                >p {
                    margin: 0;
                    line-height: 1.1rem;
                }
                >p:last-child {
                    padding-top: 0.2rem;
                    >span {
                        display: inline-block;
                        padding-right: 0.5rem;
                    }
                }
            }
        }
        &_item {
            padding-top: 1.1rem;
            >div {
                font-size: 0.69rem;
                color: #888;
            }
            >div:last-child {
                color: #222;
            }
        }
        &_value {
            line-height: 1rem;
        }
    }
    &_operation {
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 2.8rem;
        display: flex;
        justify-content: flex-start;
        >div {
            width: 50%;
        }
        >div:first-child {
            padding-left: 0.7rem;
            text-align: left;
            display: flex;
            align-items: center;
            >div {
                >span,
                >i {
                    display: block;
                    font-size: 1.2rem;
                }
                >span {
                    font-size: 0.52rem;
                    color: #888;
                    padding-top: 0.2rem;
                }
            }
        }
        >div:last-child {
            display: flex;
            justify-content: flex-end;
            padding-right: 0.7rem;
            align-items: center;
        }
        &_placeholder {
            height: 2.8rem;
            margin-top: 0.5rem;
            background-color: #fff;
        }
        &_cancel {
            width: 3.5rem;
            border: 0.05rem solid #999999;
            border-radius: 0.2rem;
            height: 1.65rem;
            font-size: 0.69rem;
            color: #222;
        }
        &_writebtn {
            margin-left: 0.5rem;
            width: 4.25rem;
            border-radius: 0.2rem;
            height: 1.75rem;
            font-size: 0.69rem;
            color: #fff;
            background: -webkit-linear-gradient(left, #fa0000, #fa6400);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #fa0000, #fa6400);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #fa0000, #fa6400);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #fa0000, #fa6400);
        }
    }
}